<template>
	<view class="partCard">
		<view class="partCard_item" :style="{borderBottom:isLast?'none':''}" @click="toDetail">
			<view class="title">
				<view>{{msg.typeStatusName}}</view>
				<view><uni-icons type="arrowright" size="16" color="#999;"></uni-icons></view>
			</view>
			<view class="tag">配件</view>
			<view class="time"><view>完成时间:{{msg.updateTime}}</view></view>
		</view>
	</view>
</template>

<script>
export default {
	name:'partCard',
	data() {
		return {
			
		};
	},
	props: {
		msg: {
			type: Object
		},
		isLast:{
			type:Boolean
		}
	},
	
	methods: {
		toDetail() {
			uni.navigateTo({
				url:`/subpages/workOrders/partOrder?planId=${this.msg.planId}&elevatorId=${this.msg.elevatorId}`
			});
		}
	},
};
</script>

<style lang="scss" scoped>
.partCard {
	padding: 0 20rpx;
	// display: flex
	.partCard_item{
		border-bottom: 2rpx solid #eee;
		padding: 39rpx 0;
	}
}
.title {
	display: flex;
	color: #333;
	font-weight: 500;
	font-size: 32rpx;
	display: flex;
	justify-content: space-between;
}
.tag {
	width: 64rpx;
	height: 32rpx;
	font-size: 24rpx;
	border: 2rpx solid #0091ff;
	border-radius: 4rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #0091ff;
	margin: 8rpx 0 12rpx 0;
}
.time {
	color: #999;
	font-size: 24rpx;
}
</style>
